margin - right

Internet Explorer/Internet Explorer

Netscape/Netscape

Opera/Opera

Safari/Safari

Firefox/Firefox

6.0

7.0

8.0

8.0

9.0

8.0

9.2

9.5

1.3

2.0

3.1

1.5

2.0

3.0

Помилки

Частково

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Так

Коротка інформація

CSS

CSS1

Значення за умовчанням

0

Наслідує

Ні

Застосовується

До усіх елементів

Аналог HTML

Ні

Посилання на специфікацію

http://www.w 3.org/TR/CSS21/box.html#propdef - margin - right

Опис

Встановлює величину відступу від правого краю елементу. Відступом є відстань від зовнішнього краю правої межі поточного елементу до внутрішньої межі його батьківського елементу (мал. 1).

Рис. 1. Отступ от правого края элемента

Мал. 1. Відступ від правого краю елементу

Синтаксис

margin - right: значення | auto | inherit

Значення

Величину правого відступу можна вказувати в пікселах (px), відсотках (%) або інших допустимих для CSS одиницях. Значення може бути як позитивним, так і негативним числом.

auto Вказує, що розмір відступів буде автоматично розрахований браузером.

inherit Наслідує значення батька.

Приклад

HTML 4.0  CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">
    <title>margin - right</title>
    <style type="text/css">
      BODY { 
        margin - right: 25%;  /* Відступ справа */
        margin - left: 25%;  /* Відступ ліворуч */
      }
      DIV.panel {
        background: #007083; /* Колір фону */
        color: white;  /* Колір тексту */
        padding: 10px; /* Полів навколо тексту */
        text - align: justify; /* Вирівнювання по ширині */ 
      }
    </style>
  </head>
  <body>
  
    <div class="panel">
      Луцький національний техніний університет  
є одним із найкращих професійних закладів освіти у місті Луцьку. 
Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.     </div>
  
  </body>
</html>

Результат цього прикладу показаний ні мал. 2.

Мал. 1. Застосування властивості margin - right

Об'єктна модель

[window.]document.getElementById("elementID").style.marginRight

Браузери

Браузер Internet Explorer 6 подвоює значення лівого або правого відступу для плаваючих елементів, вкладених у батьківські елементи. Подвоюється той відступ, який прилягає до сторони батька. Проблема зазвичай вирішується додаванням display : inline для плаваючого елементу.

Internet Explorer до сьомої версії включно не підтримує значення inherit.